<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>注册页面</title>
<link rel="stylesheet" type="text/css"
	href="/p2p_home/css/bootstrap.min.css" />

<link rel="stylesheet" type="text/css" href="/p2p_home/css/base.css" />
<!--base文件，放置公用样式-->
<link rel="stylesheet" type="text/css" href="/p2p_home/css/register.css" />
<!--**.css文件，本页面专用样式-->
</head>

<body>

	<!--nav-->
	<!--navTop-->
	<nav class="navbar navbar-inverse" role="navigation">
		<div class="container">
			<!--for mobile display-->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-0">
					<span class="sr-only">折叠菜单</span> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<a href="index.html" class="navbar-brand">P2P金融平台</a>
			</div>
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-0">
				<p class="navbar-text navbar-right">
					您好，欢迎来到P2P平台！ <span><a href="register.html">免费注册</a></span> <span><a
						href="login.html">立即登录</a>
				</p>
			</div>
		</div>
	</nav>
	<!--navMain-->
	<nav class="navbar navbar-default navindex" role="navigation">
		<div class="container">
			<!--for mobile display-->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed"
					data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">折叠菜单</span> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span>
				</button>
				<a href="index.html" class="navbar-brand"><img
					src="img/logo.png" alt="传智金融" width="312px" height="89px" title="" /></a>
			</div>
			<div class="collapse navbar-collapse"
				id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">首页</a></li>
					<li><a href="moto.html" target="_blank">我要投资</a></li>
					<li><a href="school.html" target="_blank">新手指引</a></li>
					<li><a href="helper.html" target="_blank">帮助中心</a></li>
					<li><a href="space.html" target="_blank">账户中心</a></li>
					<li><a href="#">我要借款</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<!--Main-->
	<section class="container">
		<div class="registerArea">
			<div class="row">
				<div class="col-md-8 Content">
					<h4>
						<strong>账号注册-基本信息</strong>
					</h4>
					<form class="form-horizontal" role="form" method="post"
						id="regform">
						<div class="form-group">
							<label for="inputuser" class="col-sm-2 control-label">用户名:<i>*</i></label>
							<div class="col-sm-10">
								<input type="text" class="form-control" name="c_name" id="c_name"
									validate='[{"type":"notNull","msg":"用户名不能为空！"},{"type":"regex","reg":"^[a-zA-Z]{1}[a-zA-Z0-9]{2,9}$","msg":"用户名必须是字母开头并且不能少于3位不能多余10位"}]' />
							</div>
						</div>
						<div class="form-group">
							<label for="inputuser" class="col-sm-2 control-label">邮箱地址:<i>*</i></label>
							<div class="col-sm-10">
								<input type="text" name="email" class="form-control" id="email"
									validate='[{"type":"regex","reg":"^(\\w)+(\\.\\w+)*@(\\w)+((\\.\\w+)+)$","msg":"邮箱地址不符合规范!"}]' />
							</div>
						</div>
						<div class="form-group">
							<label for="inputuser" class="col-sm-2 control-label">密码:<i>*</i></label>
							<div class="col-sm-10">
								<input type="password" name="password" class="form-control" id="password"
									validate='[{"type":"notNull","msg":"密码不能为空！"}]' id="password" />
							</div>
						</div>
						<div class="form-group">
							<label for="inputuser" class="col-sm-2 control-label">确认密码:<i>*</i></label>
							<div class="col-sm-10">
								<input type="password" class="form-control"
									validate='[{"type":"notNull","msg":"确认密码不能为空！"},{"type":"equalTo","target":"#password","msg":"确认密码不一致"}]'
									name="confirmPassword" id="confirmPassword" />
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<div class="checkbox">
									<label> <input type="checkbox"> 我同意《服务协议》
									</label>
								</div>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-10">
								<button type="button" class="btn btn-block btn-info"
									onclick="regist()">注册</button>
							</div>
						</div>
					</form>
				</div>
				<div class="col-md-4 Link">
					<h4>已注册？现在就登录</h4>
					<img src="img/regist/reg_img.jpg" />
				</div>
			</div>
		</div>

	</section>

	<footer class="navbar-inverse"></footer>

	<script type="text/javascript" src="/p2p_home/js/jquery.1.9.min.js"></script>
	<script type="text/javascript" src="/p2p_home/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="/p2p_home/js/customer.js"></script>
	<script type="text/javascript" src="/p2p_home/js/jquery.validate.js"></script>
	<script type="text/javascript">
		$(function() {
			$("#regform").validate();
		});
	</script>
</body>

</html>